// 公共样式
$bgColor=#ff6600
$borderColor=#333333
$Size=12px
$Family="微软雅黑"

//btn
btn(){
	// padding:5px
	// background-color: #f04752
	// border-radius: 5px
	// border: 1px solid #f04752
	// font-size: 14px
 //  color: #fff
 //  text-align: center
 //  line-height: 1
 //  display: inline-block
}
//panel
panel(){
	background:#fff
	padding:0
	margin:10px 0
	//margin:20px 0
	>h4{
		height:50px
		line-height:50px
		padding:0 16px
		ellipsis(1)
		// text-overflow: ellipsis
  //   white-space: nowrap
  //   overflow: hidden
    text-align: center
    color:#333
    font-size:16px
  }
}
list($inline,$direction){
	display:$inline;
	if($inline=='flex'){
		flex-direction: $direction;
  	flex-wrap: wrap;
	}  
}
ellipsis($line){
	if($line==1){
		white-space: nowrap
  	text-overflow: ellipsis
  	overflow: hidden
	}else{
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp:$line;
		-webkit-box-orient: vertical;
	}

}